<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/top.css">
    <!--    所有js可能会用到jQuery 所以，jQuery应该放在所有的js之前-->
    <script src="../js/jquery-3.6.0.min.js"></script>
    <script src="../js/top.js"></script>
</head>
<body>
<!--面向对象   自己控制自己-->
<div class="top">
    <!--        注释快捷键：ctrl+/-->
    <!--        所有的字符和图片不能单独存在，必须外面有div-->
    <!--    公司信息    -->
    <div>
        <div>
            <div>
                <img src="../img/logo_g0yv.jpg"/>
            </div>
            <div>
                <div><img src="../img/icon2_03_uc2a.png"/></div>
                <div>
                    028-8888888888
                </div>
            </div>
        </div>

    </div>
    <!--    导航    -->
    <div>
        <div>
            <div>网站首页</div>
            <div>公司信息</div>
            <div>新闻信息</div>
            <div>产品信息</div>
            <div>在线留言</div>
            <div>联系我们</div>
        </div>
    </div>
    <!--    广告    -->
    <div>
        <div>
            <!--                空格只能显示一个 ，如果需要多个空格，需要用到特殊转义字符-->
            <div>品味生活 ·&nbsp;品味美食
            </div>
            <div>
                <div>一壶茶 沏出了生活的醇美</div>

                <div>一枝花 开出了生活的鲜艳</div>

                <div>一首诗 吟出了生活的酸辛</div>

                <div>一把火 燃烧出了生活的激情</div>

                <div>一枝笔 绘出了人生的五彩缤纷</div>

                <div>一首歌 唱出了人生的喜怒哀惧</div>

                <div>生活像五味瓶，这么酸、这么甜、这么苦、又这么辣</div>
            </div>
            <div>
                <div>
                    <div>品味</div>
                    <div> 生活</div>
                    &nbsp;&nbsp;&nbsp;&nbsp;<div> 品味</div>
                    <div> 美食</div>
                </div>

                <div>某某给你生活指南</div>
            </div>
        </div>
    </div>
</div>
</body>
</html>